(function(){
   let option = {
    color:['#006cff', '#60cda0', '#ed8884', '#ff9f7f', '#0096ff', '#9fe6b8', '#32c5e9', '#1d9dff'],
   
    tooltip:{
        trigger:'item',
    },
    series: [
        {
            label: { fontSize: 10,color:'#006cff'},
            labelLine: { length: "2%", length2: "5%"},
            name: '面积模式',
            type: 'pie',
            radius: ["10%", "70%"],
            center: ['50%', '50%'],
            roseType: 'radius',
            data:[{ value: 20, name: '云南' },
                    { value: 26, name: '北京' },
                    { value: 24, name: '山东' },
                    { value: 25, name: '河北' },
                    { value: 20, name: '江苏' },
                    { value: 25, name: '浙江' },
                    { value: 30, name: '四川' },
                    { value: 42, name: '湖北' }]
        }
    ]
};
    let myChart = echarts.init(document.querySelector('.chart .pie'))
    myChart.setOption(option)
    window.addEventListener('resize',function(){
        myChart.resize();
    })
})()